.m-header {
  position: fixed;
  background: $public-header-background;
  display: block !important;
  color: $heade-font-color;
  .header {
    padding:0 30px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    font-size: 16px;
    position:relative;
    z-index:12;
    .logo {
      float: left;
      height: 60px;
      width: 142px;
      a{
        display: block;
        img {
          vertical-align: middle;
          width: 100%;
        }
      }
    }
    .header-ul {
      float: left;
      li {
        float: left;
        position:relative
        cursor: pointer;
        &.header-menu{
          position: relative;
          padding: 0 10px;
          text-align: center;
          &.header-menu-bg{
            background: $header-menu-bg;
          }
          .application{
            margin-left: 10px;
          }
          .header-menu-list{
            position: absolute;
            left: 0;
            top: 60px;
            padding: 10px 20px;
            width: 147px;
            line-height: 34px;
            font-size: 16px;
            box-sizing: border-box;
            background: $header-menu-bg;
            li{
              float: none;
              text-align: left;
              a{
               margin: 0;
              }
            }
          }
        }
        &.cut_line{
          padding:0 20px;
        }
        & p.more_box{
          display:none;
          position: absolute;
          top:70px;
          left:-18px;
          width:150%;
          background:$heade-background-color;
          padding-bottom:10px;
          a{
            line-height:34px;
            display:block;
          }
        }
        &.nav_li:hover p.more_box{
          display:block
        }
        .router-link-exact-active {
          color: $blue-font-color !important;
        }
        a {
          position:relative;
          color: $heade-font-color;
          margin:0 15px;
          &:hover {
            color: $blue-font-color;
          }
          &.new_ad {
            color: $yellow-color
          }
          &.more_link:after{
            content:'';
            position:absolute;
            width:0;
            height:0;
            border-style:solid;
            border-width:4px;
            border-color:$base-font-color rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
            right:-10px;
            top:50%;
            margin-top:-2px;
          }
          &:hover:after,
          &.router-link-active:after {
            border-color:$blue-font-color rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
          }
          // &.sub_link{
          //   margin:5px;
          // }
          span{
            position:absolute;
            width:0;
            height:2px;
            background:$blue-font-color;
            line-height:0;
            left:0;
            bottom:-10px;
          }
          &.router-link-active {
            color: $blue-font-color;
            span{
              width:100%;
            }
          }
          &.deff-text{
            color:$yellow-color
          }
        }
      }
      li:hover, focus {
        color: $blue-font-color;
      }
    }

  }
  .header-right {
    float: right;
    // 添加登陆注册按钮边框
    .loginOrRegister{
      padding: 5px 16px;
      border-radius: 15px;
      border: 1px solid $white-color;
      font-size: 14px;
    }
    .personal_menu {
      display: inline-block
    }
    .lang {
      display: inline-block;
      .flag_icon {
        background: url(./../img/flag.png) no-repeat;
        display: inline-block;
        width: 20px;
        height: 15px;
        vertical-align: middle;
        margin-right: 3px;
        &.zh_CN {
          background-position: -29px 0;
        }
        &.el_GR {
          background-position: -29px 0;
        }
        &.en_US {
          background-position: 0 0;
        }
        &.ko_KR {
          background-position: -29px -18px;
        }
        &.mn_MN {
          background-position: 0px -18px;
        }
      }
    }
    .mase{
      position:relative;

    }
    .tegther_icon{position:relative;}
    .rightNav_item {
      display: inline-block
      padding-left: 28px;
      cursor: pointer;
      position:relative;
      // &:hover {
      //   color: $blue-font-color;
      // }
      a {
        color: $heade-font-color;
        &:hover {
          color: $blue-font-color;
        }
        &.router-link-active {
          color: $blue-font-color;
        }
        &.creatButton{
          display:inline-block;
          padding:0 20px;
          font-size:14px;
          height:40px;
          line-height:40px;
          text-align:center;
          background:$blue-font-color;
          border-radius:4px;
          color:$white-color !important;
        }
        &:hover .creatButton{
          color:$white-color;
        }
        &.myadcolor{
      color:$blue-font-color;
    }
      }
     .msages{
       font-size: 20px;
       vertical-align: middle;
       }
       b{
          position: absolute;
          display:block;
          width: 5px;
          height:5px
          background: red;
          border-radius: 50%;
          top:-2px;
          left:-2px;
        }
      &.abuot_lists .select_menu ul {
        left:-10px;
      }
      .qr_code{
        width:140px;
        height:170px;
        background:#fff;
        position:absolute;
        left:0;
        img{
          position:relative;
          width:140px;
          height:140px;
        }
        i{
          position:absolute;
          height: 30px;
          width: 100%;
          left: 0;
          line-height: 20px;
          bottom: 0;
          color:#333333;
          text-align: center;
        }
      }
    }
    .right_active{
      color: $blue-font-color;
    }
  }
  .router-link-active {
    color: $blue-font-color;
  }
  .lang {
    cursor: pointer;
  }
  .select_menu {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    ul {
      position: absolute;
      display: none;
      z-index: 9;
      width: auto;
      min-width: 100px;
      background: $public-header-background;
      top: 60px;
      right: 0;
      li {
        line-height: 32px;
        width: auto;
        padding: 0 10px;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        color: $heade-font-color;
        i {
          margin-right: 10px;
        }
        &:hover, &.selected {
          color: $blue-font-color;
          i {
            color: $blue-font-color;
          }
        }
      }
    &.themeList {
        li {
          text-align: center;
        }
      }
    }
    &:hover {
      ul {
        display: block;
      }
    }
    .icon {
      display: inline-block;
      background $heade-font-color;
      vertical-align: middle;
      margin-top: -5px;
    }
    .icon-down {
      position: absolute;
      top: 24px;
      font-size:12px;
      right: 0;
      font-weight: bold;
    }
  }
  // 弹窗的样式
  .dialog-contents{
    .realNameCont{
      font-size: 24px;
      color: $base-font-color;
    }
  }
}
.setThemePop {
  font-size: 12px;
  .setTheme {
    margin-top: 10px;
    padding-top: 10px;
    .inlint-title {
      color: #7080a3;
      font-size: 12px;
      margin: 0px 0 10px;
      text-align: left;
    }
    .radioLine {
      .tadioTd {
        padding-right: 15px;
        cursor: pointer;
        label {
          margin-left:5px;
          cursor: pointer;
        }
        input {
          cursor: pointer;
        }
      }
    }
  }
}





























